

import React, { Component } from 'react'

import { createStackNavigator, createBottomTabNavigator, createAppContainer } from 'react-navigation'
import cccc from 'react-navigation'
import {Text} from "react-native";

import Douban from './src/douban'
import Qqmusic from './src/qqmusic'
import Dyxq from './src/dyxq'
import Plxq from './src/plxq'
import Yyxq from './src/yyxq'


const BottomTabNavigator = createBottomTabNavigator(
    {
        Douban,
        Qqmusic,
    },
    {
        initialRouteName: 'Qqmusic', //第一次加载时初始选项卡路由的 routeName
        order: ['Douban','Qqmusic'], //定义选项卡顺序的 routeNames 数组
        tabBarOptions: {
            activeTintColor: '#fff',//标签和图标选中颜色
            activeBackgroundColor: '#31C27C',//导航选中背景色
            inactiveTintColor: '#000', //标签和图标未选中颜色
            inactiveBackgroundColor: '#f0f0f0',//导航未选中背景色
            showIcon: true,//是否显示 Tab 的图标,默认不显示
            style: {
                backgroundColor: 'yellow',//tabBar背景色
                height: 49
            },
            // labelStyle 选项卡标签的样式对象
            // tabStyle 选项卡的样式对象
        },
    }
)

const StackNavigator = createStackNavigator(
    {
        /*  BottomTabNavigator:{
              screen:BottomTabNavigator,
              navigationOptions: {
                  header: null,
              }
          },*/
        Qqmusic,
        /*       Dyxq,
               Plxq,*/
        Yyxq,


    },
    /*    {
            initialRouteName: 'Douban',
            defaultNavigationOptions: {
                headerStyle: {
                    // backgroundColor: '#f4511e',
                },
                headerBackTitle: null,
                // headerTintColor: '#fff',
                headerTitleStyle: {
                    fontWeight: 'bold',
                },
                header: null
            }
        }*/
)



// const AppContainer = createAppContainer(StackNavigator); 顶部导航
const AppContainer = createAppContainer(StackNavigator); //底部导航

export default class App extends Component {
    render() {
        return (
            <AppContainer/>
        )
    }

}

